<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>待处理任务</title>
<script type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
<link rel="stylesheet"  href="css/bootstrap.css"/>
<script type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="laypage/laypage.js"></script>
<script type="text/javascript" src="laypage/skin/laypage.css"></script>
<style type="text/css">
.bian{
width: 1000px;
height: 700px;
border: solid 3px black;
margin: 20px auto;
background-color:skyblue;
/* background-image: url(images/queding.png);*/
 
}
.h1{margin: 0px 50px 0px 10px;float: left;}
.tou{margin: 50px auto;height: 30px;}
#xingzheng{display: none;margin: 0 0 0 220px;}
#wendang{ display: none; margin: 0 0 0 350px;}
#renshi{ display: none;margin: 0 0 0 450px;}
#xitong{ display: none;margin: 0 0 0 200px;}
</style>
<script type="text/javascript">
$(
	function(){
$("#xing").hover(
	function(){
	$("#xingzheng").css("display","block");
	$("#wendang,#renshi,#xitong").css("display","none");	
	}
	);
$("#xi").hover(
	function(){
	$("#xitong").css("display","block");
	$("#wendang,#renshi,#xingzheng").css("display","none");	
	}
	);
$("#wen").hover(
	function(){
	$("#wendang").css("display","block");
	$("#xingzheng,#renshi,#xitong").css("display","none");	
	}
	);
$("#ren").hover(
	function(){
	$("#renshi").css("display","block");
	$("#wendang,#xingzheng,#xitong").css("display","none");	
	}
	);
});
</script>

<style type="text/css">

.body{width: 100%;padding: 10px 50px 10px 50px}

#pages{display:none;}

</style>

</head>
<c:if test="${str!='333'}">
<script type="text/javascript">
	setTimeout("location.href='queryWai?curr=1'",0);
</script>
</c:if>

<body>
<div class="bian">
	<div class="h1"> <h2 style="color: blue;">OA管理系统</h2></div>
	<div class="tou">
<ul class="nav nav-pills">
  <li class="active"><a href="index.jsp">我的桌面</a></li>
  <li class="active"><a href="#">通告管理</a></li>
  <li class="active"><a href="#" id="wen">文档管理</a></li>
  <li class="active"><a href="#" id="xing">行政管理</a></li>
  <li class="active"><a href="#" id="ren">人事管理</a></li>
  <li class="active"><a href="#" id="xi">系统管理</a></li>
</ul>
<ul class="nav nav-pills" id="xingzheng">
  	<li><a href="#">会议室管理</a></li>
  	<li><a href="#">用车管理</a></li>
  	<li><a href="seal.jsp">用章管理</a></li>
  	<li><a href="library.jsp">图书借阅申请</a></li>
  	<li><a href="card.jsp">名片印制流程</a></li>
</ul>
	<ul class="nav nav-pills" id="wendang">
  		<li><a href="#">文档列表</a></li>
  		<li><a href="#">文档回收</a></li>
  	</ul>
	<ul class="nav nav-pills" id="xitong">
  		<li><a href="#">组织结构管理</a></li>
  		<li><a href="#">角色管理</a></li>
  		<li><a href="#">用户管理</a></li>
  		<li><a href="#">操作日志</a></li>
  		<li><a href="#">上传文件设置</a></li>
  		<li><a href="#">字典管理</a></li>
  	</ul>
  		<ul class="nav nav-pills" id="renshi">
  		<li><a href="#">请假申请</a></li>
  		<li><a href="#">出差申请</a></li>
  		<li><a href="#">收入证明流程</a></li>
  	</ul>
</div>

<div class="body">
<img src="images/u89.png">&emsp;我的桌面&emsp;>&emsp;待处理任务<br>
<form>
&emsp;&emsp;发起时间:&emsp;<input type="text" name="date" placeholder="请选择申请日期"  Onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',skin:'whyGreen',readOnly:true})" style="border-radius:3px; width:220px;">
&emsp;to&emsp;
<input type="text" name="date" placeholder="请选择申请日期"  Onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',skin:'whyGreen',readOnly:true})" style="border-radius:3px; width:220px;">&emsp;
<select name="suibian">
<option>请假申请</option>
<option>出差申请</option>
<option>收入证明</option>
<option>用章申请</option>
<option>用车申请</option>
<option>名片申请</option>
<option>图书申请</option>
</select>
&emsp;&emsp;
<input type="submit" name="" value="查询">
</form>

<table style="width: 80%;border-collapse:separate;border-spacing:10px 10px;">
<thead>
<tr>
<th>待处理任务</th>
</tr>
</thead>

<tr>
<td>任务名称</td>
<td>发起时间</td>
<td>发起人</td>
<td>最后审批时间</td>
<td>状态</td>
<td>操作</td>
</tr>

<c:forEach items="${waiList}"  var="wai"  varStatus="vs">
<tr>
<td>${wai.wt_tname}</td>
<td>${wai.wt_starttime }</td>
<td>${wai.wt_pname}</td>
<td></td>
<td>${wai.wt_status}</td>
<td></td>
</tr>
</c:forEach>

</table>
<ul class="pagination"> 
<li><a href="queryWai?curr=${waitPage.getFirstPage() }">首页</a></li> 

<c:if test="${waitCurr!=waitPage.getFirstPage() }"> 
<li><a href="queryWai?curr=${waitPage.getPrePage() }">上一页</a></li> 
</c:if> 
<c:if test="${waitCurr!= waitPage.getLastPage()}"> 
<li><a href="queryWai?curr=${waitPage.getNextPage() }">下一页</a></li> 
</c:if> 
  					
<li><a href="queryWai?curr=${waitPage.getLastPage() }">尾页</a></li> 
</ul> 


</div>
<%-- <input type="text" value="${waitCurr!= waitPage.getLastPage()}">
<input type="text" value="${waitPage.getLastPage()}">
<input type="text" value="${waitCurr}"> --%>
</div>

</body>


</html>